<div class="login_index">
  <div class="login_header">
    <a class="logo">
      LX后台管理系统
    </a>
    <p class="tel"></p>
  </div>
  <div class="content">
    <form [formGroup]="loginForm">
      <h2 style="padding-top: 12px;color:#666;">
        用户登录
      </h2>
      <p class="login_text">
        <input placeholder="请输入登录账号" formControlName="account" type="text" class="login_text_bg">
      </p>
      <div *ngIf="getFormControl('account').dirty&&getFormControl('account').hasError('required')">
          账号不能为空
      </div>
      <p class="login_text">
        <input placeholder="请输入登录密码" formControlName="pwd" type="password" class="login_text_bg">
      </p>
      <div class="login_text clearfix">
        <input placeholder="请输入验证码" formControlName="code" type="text" class="text_code">
        <div class="text_code_img">
          <img src="{{imgUrl}}">
        </div>
        <a (click)="getCode()" style="cursor:pointer" class="change">换一换</a>
      </div>
      <div class="opt">
        <input class="magic-checkbox" type="checkbox" name="layout" id="c1">
        <label for="c1">记住密码</label>
        <span style="color: red;font-size: 12px"></span>
      </div>
      <a (click)="submit(loginForm.value)" class="login_btn" style="cursor:pointer">立即登录</a>
    </form>
  </div>
</div>
